<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
    <title>APISHotel|个人订单</title>
    <link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/base.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/blankbg-common.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/page-myindent.css" />
</head>

<body>
    <nav>
        <div class="navDiv">
            <div class="navTop inb pr">
                <a href="index.html" class="inb">
                    <i class="logo inb pr"></i>
                    <span>|</span>
                    <h1 class="inb">酒店项目</h1>
                </a>
            </div>
            <div class="nvaRight inb fr">
                <div class="notLogin none">
                    <a href="login.html">登陆</a>
                    <a href="register.html">注册</a>
                </div>
                <div class="userTopInfo none" id="userTopInfo" style="display: inline-block;">
                    <a href="myIndent.html" class="inb">
                        <img id="topNavIcon" class="navUserIcon" src="images/person-icon.jpg" alt="">
                        <span class="userName font16 fcfff">小鱼儿</span>
                    </a>
                    <div class="showDropdownlist">
                        <i class="dropDownIcon"></i>
                        <div class="dropDownList">
                            <ul>
                                <!-- <li class="triangle">
                                    </li> -->
                                <a href="myIndent.html">
                                    <li><img src="images/icon_user.png">我的订单</li>
                                </a>
                                <a href="infoEdit.html">
                                    <li><img src="images/icon_setting.png">账户设置</li>
                                </a>
                                <a href="login.html" id="logout">
                                    <li><img src="images/icon_exit.png">退出登陆</li>
                                </a>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <main>
        <div class="mainDiv">
            <div class="mainContent">
                <ul class="selecter clearfix">
                    <li class="intentSort all active " id="">
                        <a>全部订单</a>
                    </li>
                    <li class="intentSort obligations">
                        <a>待付款</a>
                    </li>
                    <li class="intentSort reserving">
                        <a>预定中</a>
                    </li>
                    <li class="intentSort completed">
                        <a>已完成</a>
                    </li>
                    <li class="intentSort cancled">
                        <a>已取消</a>
                    </li>
                </ul>
                <div class="searchBar clearfix">
                    <div class="fl">
                        <span>订单号：</span>
                        <input type="text" id="searchOrderId" placeholder="">
                    </div>
                    <div class="fl ml61">
                        <span>旅客：</span>
                        <input type="text" id="searchPassenger" placeholder="">
                    </div>
                    <div class="fl ml61">
                        <span>预定时间段：</span>
                        <input type="text" id="timeRange" placeholder="">
                    </div>
                    <button class="search fr" id="search">查询</button>
                </div>
                <div class="tableContainer">
                    <table class="infoTable">
                        <caption class="none">订单列表</caption>
                        <thead>
                            <tr class="">
                                <th class="orderNo">订单号</th>
                                <th class="name">名称</th>
                                <th class="orderTime">下单时间</th>
                                <th class="passenger">旅客</th>
                                <th class="amount">总金额</th>
                                <th class="orderStatus">订单状态</th>
                                <th class="operation">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- <tr>
                                <td class="orderNo">6789123456</td>
                                <td class="name">
                                    <p class="hotelName">西安开元名都大酒店</p>
                                    <p class="roomName">豪华大床房</p>
                                </td>
                                <td class="orderTime">2016-12-12</td>
                                <td class="passenger">吕璐璐</td>
                                <td class="amount">¥788</td>
                                <td class="orderStatus">待支付</td>
                                <td class="operation">
                                    <a>查看</a>
                                    <a>去支付</a>
                                </td>
                            </tr> -->
                        </tbody>
                    </table>
                    <p class="noindent none">
                        当前没有订单！
                    </p>
                </div>
                <div class="paging clearfix">
                    <div class="lastPage disable">
                        < </div>
                            <ul class="pageArray">

                            </ul>
                            <div class="nextPage">
                                >
                            </div>
                    </div>
                </div>
            </div>
    </main>
    <footer>
        <div class="copyright">
            <span>Copyright © 2017 apis.sh All Rights Reserved | 陕ICP备15013925号-3</span>
        </div>
    </footer>
    <div class="modal fade none" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">提示</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>提示内容</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal 模态框-->
    <script src="js/laydate.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/moment.js/2.20.1/moment.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.js"></script>
    <script src="js/base.js"></script>
    <script src="js/common.js"></script>
    <script src="js/page-myIndent.js"></script>


</body>

</html>